<template>
  <div>
    <el-link type="primary" style="width: 200px;" @click="openSpc">规格详情</el-link>
    <!-- 规格属性展示框 -->
    <el-dialog title="规格属性列表" :visible.sync="dialogTableVisible" width="500px" append-to-body>
      <el-table :data="specificationData">
        <!-- <el-table-column v-for="item in form.specification" property="attrValue" :label="item.attrName" width="150"></el-table-column> -->
        <el-table-column property="attrName" label="规格名" width="150"></el-table-column>
        <el-table-column property="attrValue" label="规格值" width="200"></el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

<script>

export default {
  name: "AttrTable",
  data() {
    return {
      // 选中规格属性数据
      specificationData: [],
      // 是否显示规格详情弹出层
      dialogTableVisible: false,
    }
  },
  methods: {
    // 规格属性详情弹出框
    openSpc() {
      this.dialogTableVisible = true;
      // this.specificationData = row;
    },
  }
}
</script>

<style>
</style>
